<!DOCTYPE html>
<html>

<head>
  <meta charset="UTF-8">
  <title>直接引用vue绑定多个属性</title>
  <script src="../assets/vue.js"></script>
</head>

<body>
  <div id="example">
    <my-component v-bind:datasource="ds" v-bind:conditions="conditions"></my-component>
  </div>

  <script src="../components/list-component2.js"></script>
  <script>
    new Vue({
      el: '#example',
      data: {
        ds: {
          setting: {
            url: './students.json',
            pageIndex: 1,
            pageSize: 10,
            pagination: {}
          },
          data: {
            rows: [],
            currentPage: 1,
            pageSize: 10,
            totalPages: 10,
            totalRecords: 1000
          }
        },
        conditions: [{
            'name': 'name',
            'ctrl': 'textbox'
          },
          {
            'name': 'gender',
            'ctrl': 'dropdown'
          }
        ]
      }
    })
  </script>
</body>

</html>